<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生技术赚钱-用户粘性社区</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="stylesheet" href="../thirdparty/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/mobile.css">
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="../js/pos.js"></script>
</head>
<body>
  <input id="search_input" placeholder="搜索内容"><button class="btn btn-success">搜索</button>
  <div>
     推荐
  </div>
  <!--TODO:你轮播图太大了，要改-->
  <!--公告轮播图-->
  <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="../img/head.jpg" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>First slide label</h5>
          <p>Some representative placeholder content for the first slide.</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="../img/head.jpg" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>Second slide label</h5>
          <p>Some representative placeholder content for the second slide.</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="../img/head.jpg" class="d-block w-100" alt="轮播图">
        <div class="carousel-caption d-none d-md-block">
          <h5>Third slide label</h5>
          <p>Some representative placeholder content for the third slide.</p>
        </div>
      </div>
    </div>
    <button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </button>
  </div>
  <!--功能区-->
  <div class="functions">
    <div class="block" onclick="ToUserCenter()">
      <img src="../img/mine.png" alt="" class="img">
      <span>用户中心</span>
      <img src="../img/right.png" alt="" class="img2">
    </div>
  </div>
  <!--不会有人认为这里面真的只有图片吧-->
  <div class="floatbtn" onclick="ToMobileIndex()">
    <div class="image">
      <img src="../img/index.png" alt="_blank">
      <p>主页</p>
    </div>
  </div>
</body>
<footer>
<!--todo 首页推荐列表-->
<!--手机端样式开始-->
  <div id="bottom" style="text-align:center">
    <div class="buttom-block">
      <div class="image">
        <img src="../img/index.png" alt="javascript:void(0)">
      </div>
      <a href="index_mobile.html">首页</a>
    </div>
    <div class="buttom-block">
      <div class="image">
        <img src="../img/taskpublish.png" alt="javascript:void(0)">
      </div>
      <a href="publish_task.html">发布任务</a>
    </div>
    <div class="buttom-block">
      <div class="image">
        <img src="../img/hcenter.png" alt="javascript:void(0)">
      </div>
       <a href="task_center.html">任务中心</a>
    </div>
    <div class="buttom-block">
      <div class="image">
        <img src="../img/mine.png" alt="javascript:void(0)">
      </div>
       <a href="task_center.html">我的</a>
    </div>
  </div>
</footer>
</html>